<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
	xmlns:p="http://primefaces.org/ui">
<f:view>
	<f:metadata>
		<f:viewAction action="#{menuMB.updateMenu(1)}" />
	</f:metadata>
	<ui:composition template="/WEB-INF/templates/defaultLayout.xhtml">

		<!-- Definiendo la cabecera de la pagina -->
		<ui:define name="title">
			<h:outputText value="Cuenta bancaria" />
		</ui:define>


		<!-- Definiendo el cuerpo de la pagina -->
		<ui:define name="content">

			<h:outputStylesheet library="css" name="main.css" />
			<br></br>
			<h:form>
				<div style="margin-left: 45px;">
					<div>
						<div>
							<div class="p6n-api-consent-screen-title">BUSCAR CUENTA
								BANCARIA</div>
							<div>
								<div class="p6n-api-consent-screen-input-section">
									<div>
										<div style="float: left;">
											<h:inputText id="txtSearched"
												value="#{administrarCuentabancaria.searched}" maxlength="50"
												size="50" required="true"
												onkeyup="this.value = this.value.toUpperCase();"
												pt:placeholder="Ap. Paterno / Ap. Materno / Nombres"
												autocomplete="off" />
										</div>
										<div style="float: left;">
											<h:commandLink styleClass="button" style="margin: 0 0 0 1px;">
												<span class="icon icon198"></span>
												<f:ajax render="tablaCuentas" execute="txtSearched"
													listener="#{administrarCuentabancaria.buscarCuentabancaria()}"></f:ajax>
											</h:commandLink>
										</div>
									</div>
								</div>
								<div
									class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg"
									style="float: inherit;">
									<h:message for="txtSearched" />
								</div>
								<br /> <br />

							</div>
						</div>
					</div>
				</div>
				<br />
				<div class="buttons" style="margin-left: 40px;">
					<div class="tiptip">
						<h:commandLink styleClass="button" title="Capitalizar cuenta">
							<span class="icon icon122">&nbsp;</span>
							<span class="label">Capitalizar</span>
							<f:ajax listener="#{administrarCuentabancaria.capitalizar()}"
								execute="tablaCuentas" render=":panelStatus"></f:ajax>
						</h:commandLink>
					</div>
				</div>
				<!-- PERSONA NATURAL -->
				<div class="p6n-api-consent-screen-inputs">
					<div class="p6n-content ng-scope">
						<div class="p6n-content-no-nav ng-scope">
							<div class="p6n-main-pane ng-isolate-scope"
								style="margin-top: 0px;">
								<div>
									<div class="ng-scope">
										<p:dataTable id="tablaCuentas" var="cuenta"
											value="#{administrarCuentabancaria.tablaCuentabancaria.rows}"
											selectionMode="single"
											selection="#{administrarCuentabancaria.tablaCuentabancaria.selectedRow}"
											rowKey="#{cuenta}" rowIndexVar="row">
											<p:column headerText="Nro"
												style="text-align:center; font-size: 12px;">
												<h:outputText value="#{row + 1}" />
											</p:column>
											<p:column headerText="Nro Cuenta" style="font-size: 12px;">
												<h:outputText value="#{cuenta.numerocuenta}" />
											</p:column>
											<p:column headerText="Tipo Cta" style="font-size: 12px;">
												<h:outputText
													value="#{cuenta.denominacionTipocuentabancaria}" />
											</p:column>
											<p:column headerText="Moneda" style="font-size: 12px;">
												<h:outputText value="#{cuenta.denominacionTipomoneda}" />
											</p:column>
											<p:column headerText="Socio" style="font-size: 12px;">
												<h:outputText value="#{cuenta.socio}" />
											</p:column>
											<p:column headerText="Saldo" style="font-size: 12px;">
												<h:outputText value="#{cuenta.saldoCuentabancariaAsString}" />
											</p:column>
											<p:column headerText="Fecha apertura"
												style="font-size: 12px;">
												<h:outputText value="#{cuenta.fechaaperturaCuentabancaria}" />
											</p:column>
											<p:column headerText="Estado" style="font-size: 12px;">
												<h:outputText value="#{cuenta.denominacionEstadocuenta}" />
											</p:column>
										</p:dataTable>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</h:form>
			<!-- END PERSONA NATURAL -->

			<h:panelGroup id="panelStatus">
				<h:panelGroup rendered="#{administrarCuentabancaria.success}">
					<h:form>
						<div class="modal-dialog-bg"
							style="opacity: 0.4; width: 1366px; height: 1002px;"></div>
						<div class="modal-dialog p6n-popup"
							style="left: 502px; top: 200px;">
							<div class="modal-dialog-title modal-dialog-title-draggable">
								<span class="modal-dialog-title-text">Capitalizacion
									finalizada</span><span class="modal-dialog-title-close"></span>
							</div>
							<div class="modal-dialog-content ng-binding">La
								capitalizacion fue registrada correctamente.</div>
							<div class="modal-dialog-buttons">
								<h:commandButton value="Aceptar"
									action="buscar?faces-redirect=true" immediate="true" />
							</div>
						</div>
					</h:form>
				</h:panelGroup>
				<h:panelGroup rendered="#{administrarCuentabancaria.failure}">
					<h:form>
						<div class="p6n-api-access-in-page-error" style="left: 516px;">
							<div>
								<div>
									<p>
										<h:messages />
									</p>
								</div>
							</div>
						</div>
					</h:form>
				</h:panelGroup>
			</h:panelGroup>
		</ui:define>
	</ui:composition>
</f:view>
</html>
